<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>幸福宝</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <link rel="shortcut icon" href="/favicon.ico">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm.min.css">
        <link rel="stylesheet" href="styles/Comm.css">
    </head>

    <body>
        <!-- 你的html代码 -->
        <div class="page">
            <header class="bar bar-nav">
                <a class="icon icon-left pull-left"></a>
                <h1 class="title">其他积分明细</h1>       
            </header>


            <div class="content">
                <!-- 这里是页面内容区 -->

                <div class="card self-firm">
                    <div class="card-content">
                        <div class="card-content-inner">
                            <div class="row titlebig">
                                <div class="col-80">2016年1月</div>
                                <div class="col-20"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content-padded grid-demo">
                    <div class="row">
                        <div class="col-20">
                            <span>10号<br/>周日</span>                  
                        </div>
                        <div class="col-80">                   
                            <div class="row">
                                <div class="col-80">
                                    <span>生日</span><br/>
                                    <span>余额：588</span>
                                </div>
                                <div class="col-20"><span>+300</span></div>                                
                            </div>   
                            <div class="row">
                                <div class="col-80">
                                    <span>商场消费</span><br/>
                                    <span>余额：528</span>
                                </div>
                                <div class="col-20"><span>-520</span></div>                                
                            </div>    
                        </div>
                    </div>
                </div>  


                <div class="card self-firm">
                    <div class="card-content">
                        <div class="card-content-inner">
                            <div class="row titlebig">
                                <div class="col-80">2015年12月</div>
                                <div class="col-20"></div>
                            </div>
                        </div>
                    </div>
                </div>   

                <div class="content-padded grid-demo">
                    <div class="row">
                        <div class="col-20">
                            <span>13号<br/>周一</span>                  
                        </div>
                        <div class="col-80">                   
                            <div class="row">
                                <div class="col-80">
                                    <span>食堂补贴</span><br/>
                                    <span>余额：588</span>
                                </div>
                                <div class="col-20"><span>+300</span></div>                                
                            </div>   
                            <div class="row">
                                <div class="col-80">
                                    <span>卡拉卡</span><br/>
                                    <span>余额：528</span>
                                </div>
                                <div class="col-20"><span>-520</span></div>                                
                            </div>    
                        </div>
                    </div>
                </div>                  
                <!-- 这里是页面内容区 -->
            </div>

        </div>
        <!-- 你的html代码 -->
        <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
        <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.9/js/sm.min.js' charset='utf-8'></script>
    </body>

</html>
